/**
 * 收藏页面JavaScript
 */

// 收藏页面管理器
window.FavoritePage = {
    // 取消收藏
    removeFavorite(goodsId) {
        if (typeof showConfirm === 'function') {
            showConfirm('确定要取消收藏这个商品吗？', () => {
                this.doRemoveFavorite(goodsId);
            });
        } else {
            if (confirm('确定要取消收藏这个商品吗？')) {
                this.doRemoveFavorite(goodsId);
            }
        }
    },

    // 执行取消收藏
    doRemoveFavorite(goodsId) {
        $.ajax({
            url: '/web/user/removeFavorite',
            type: 'POST',
            data: {
                goods_id: goodsId
            },
            success: (response) => {
                if (response.code === 1) {
                    showSuccess('取消收藏成功', 2000);
                    
                    // 移除商品项
                    $(`[data-goods-id="${goodsId}"]`).fadeOut(300, function() {
                        $(this).remove();
                        
                        // 检查是否还有收藏商品
                        if ($('.divide-y.theme-divide').children().length === 0) {
                            FavoritePage.showEmptyState();
                            
                            // 更新标题中的商品数量
                            $('.text-gray-500').text('共 0 个商品');
                        }
                    });
                } else {
                    showError(response.msg || '取消收藏失败', 3000);
                }
            },
            error: () => {
                showError('网络连接失败', 3000);
            }
        });
    },

    // 显示空状态
    showEmptyState() {
        const emptyHtml = `
            <div class="bg-blue-50 rounded-lg p-12 shadow-sm text-center">
                <div class="text-gray-500">
                    <i class="fas fa-heart text-6xl mb-6"></i>
                    <h3 class="text-xl font-medium mb-2">暂无收藏</h3>
                    <p class="mb-6">您还没有收藏任何商品</p>
                    <a href="/"
                        class="inline-block px-6 py-3 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors">
                        去逛逛
                    </a>
                </div>
            </div>
        `;
        
        // 替换收藏列表容器内容
        $('.empty-state').replaceWith(emptyHtml);
    },

};
